<template>
  <div class="note-page">
    <blHeader
      title="关于我"
      subtitle="一段简单的自我介绍"
   
      backgroundImage="@/assets/img/banner.jpg"
    
    />

    <blContainer>
      <template #default>
        
          <div class="container editor-style">
            <p><br /></p>
            <p><br /></p>
            <h1 style="text-align: left">自述</h1>
            <p><br /></p>
            <p style="text-align: left">这是一份关于站长的报告，请查收</p>
            <p style="text-align: left"><br /></p>
            <p>
              远方的朋友，很高兴能在这里与你相遇。首先，我得给你打个招呼。嘿，你好吗。
            </p>
            <p>
              我是
              <span style="color: oklch(0 0 0)"><strong>Innei</strong></span
              >。叫我
              <span style="color: oklch(0 0 0)"><strong>拾一</strong></span>
              就行了，那么接下来我就从以下几个方面聊聊自己。
            </p>
            <p>
              人生就是不断地给自己贴上标签，或许我们并不需要这么多的标签。所以我把这些藏起来了。
            </p>
            <h2>现状</h2>
            <p>
              （19.4-），技术栈：Vue.js, React, NestJS, Fastify, MongoDB, prisma
            </p>
            <p>（21.2-），技术栈 React Native, Swift UI</p>
            <p>（N/A）</p>
            <p>梦想是成为 Design Engineer。</p>
            <p><br /></p>
            <hr />
            <p>GitHub</p>
            <h2>名字由来</h2>
            <p>Innei<br /></p>
            <p>拾一<br /></p>
            <p>寻<br /></p>
            <p>亿夏</p>
            <h2>一些经历</h2>
            <ul>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>2024.6 - now</strong></span
                >
                Natural Selection Labs（前端）
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>2023.5 - 2024.5</strong></span
                >
                Zolplay（前端）
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>2022.2 - 2023.4</strong></span
                >
                小红书（前端）
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>2021.7 - 2021.9</strong></span
                >
                Alipay（Node 全栈）
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>2019.12 - 2021.6</strong></span
                >
                Troph（前端）
              </li>
            </ul>
            <h2>域名</h2>
            <p>shizuri.net、来源日语「しずかなもり／静かな森」 へ</p>
            <blockquote>
              人间浮躁，尘世喧嚣。不曾想过去桃花源与世界隔绝的人间圣地，只想拥有一片属于自己的宁境。
              不曾去过森林，却想在森林中聆听大自然的声音，享受这一片宁静。
            </blockquote>
            <p>
              <span style="color: oklch(0 0 0)"><strong>innei.in</strong></span>
              <span style="color: oklch(0 0 0)"><strong>innei.ren</strong></span
              >、私の名前、<em>https://innei.in</em> へ
            </p>
            <h2>联系方式</h2>
            <p><em>@Innei</em></p>
            <p><em>Send Mail</em></p>
            <p>SW-1006-1241-1745</p>
            <p>PSN innei-j</p>
            <p>9DAF 034F 2122 0A35 A312 &nbsp;5DDA 0F62 D339 77F0 21F7</p>
            <h2>设备</h2>
            <ul>
              <li>Mi 8</li>
              <li>Xiaomi Notebook Pro (2018)</li>
              <li>MacBook Pro 16' (2019)</li>
              <li>VX2478-4k-HD</li>
              <li>AirPods Pro</li>
              <li>iPhone SE 2020</li>
              <li>iPhone 12</li>
              <li>iPad 6</li>
              <li>Nintendo Switch (动森限定)</li>
              <li>Beats Flex</li>
              <li>Apple Watch Series 6</li>
              <li>Apple Magic Mouse 2</li>
              <li>Keychron K3</li>
              <li>MacBook Air (2022)</li>
              <li>PlayStation 5</li>
              <li>Apple TV 4K（第三代）</li>
              <li>Kuycon 5K</li>
              <li>Apple Studio Display</li>
              <li>Apple Magic Trackpad</li>
              <li>Nuphy Air 75</li>
              <li>乐歌升降桌 E2</li>
              <li>米家显示器挂灯</li>
              <li>Mac Studio (2023)</li>
              <li>KTC H27P22 Pro</li>
              <li>机械大师 C28 (13600KF + 4070Ti)</li>
              <li>Nuphy Air 75 V2</li>
              <li>西昊 C500</li>
              <li>iPhone 16</li>
              <li>HomePod mini x2</li>
              <li>iPad Pro 12.9 (2021)</li>
              <li>Fujifilm X-T5</li>
            </ul>
            <h2>栈</h2>
            <p>
              <span style="color: oklch(0 0 0)"
                ><strong>可理解语言</strong></span
              >
              （<span
                style="
                  color: oklch(0 0 0);
                  background-color: rgb(228, 228, 231);
                "
                ><code>?</code></span
              >了解，<span
                style="
                  color: oklch(0 0 0);
                  background-color: rgb(228, 228, 231);
                "
                ><code>~</code></span
              >熟悉，<span
                style="
                  color: oklch(0 0 0);
                  background-color: rgb(228, 228, 231);
                "
                ><code>+</code></span
              >掌握，<span
                style="
                  color: oklch(0 0 0);
                  background-color: rgb(228, 228, 231);
                "
                ><code>++</code></span
              >熟练，<span
                style="
                  color: oklch(0 0 0);
                  background-color: rgb(228, 228, 231);
                "
                ><code>*</code></span
              >精通）
            </p>
            <p>加粗的代表常用，其他可能长期闲置导致遗忘。</p>
            <p>已经遗忘的用穿越线表示。</p>
            <ul>
              <li>C (2016.?) ~</li>
              <li>Visual Basic (2016.?) ~</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>HTML (2018.9) ++</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>CSS (2018.9) ++</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>Markdown (2018.9) *</strong></span
                >
              </li>
              <li>Python3 (2019.12) +</li>
              <li>SQL (2019.2) +</li>
              <li>PHP (2019.4) +</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>JavaScript (2019.4) ++</strong></span
                >
              </li>
              <li>SCSS (2019.7) +</li>
              <li>Java (2019.9) ?</li>
              <li>Go (2019.12) ~</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>TypeScript (2020.2) +</strong></span
                >
              </li>
              <li>Swift (2020.3) ~</li>
              <li>C++ (2021.2) ?</li>
              <li>Kotlin (2021.4) ?</li>
            </ul>
            <p>
              <span style="color: oklch(0 0 0)"><strong>技术栈</strong></span>
            </p>
            <ul>
              <li>Vue 2 (2019.7) ++</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>Express (2019.7) ++</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>MongoDB (2019.7) +</strong></span
                >
              </li>
              <li>NuxtJS (2019.12) +</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>React (2019.12) ++</strong></span
                >
              </li>
              <li>Koa (2020.1) +</li>
              <li>SwiftUI (2020.3) ~</li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>NestJS (2020.3) ++</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>Fastify (2020.3) +</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>NextJS (2020.4) ++</strong></span
                >
              </li>
              <li>
                <span style="color: oklch(0 0 0)"
                  ><strong>Vue 3 (2020.9) +</strong></span
                >
              </li>
            </ul>
            <p>
              <span style="color: oklch(0 0 0)"><strong>软技能</strong></span>
            </p>
            <p>熟练掌握以下渠道的复制粘贴：</p>
            <ul>
              <li>Google Search</li>
              <li>GitHub</li>
              <li>Stack Overflow</li>
              <li>OpenAI Chat GPT</li>
            </ul>
            <hr />
            <p><br /></p>
            <ul>
              <li>DevOps</li>
              <li>macOS &gt; Linux &gt;</li>
            </ul>
            <p>
              注：Windows
              是我使用时间最长的系统，同时也是最讨厌的系统。至今已经完全抛弃
              Windows，只要你和我一样喜欢喷 Windows，我们就是好朋友！
            </p>
            <p>妈的垃圾 Windows。</p>
            <p>
              <span style="color: oklch(0 0 0)"><strong>自然语言</strong></span>
            </p>
            <ul>
              <li>
                <span style="color: oklch(0 0 0)"><strong>汉语</strong></span>
              </li>
              <li>
                <span style="color: oklch(0 0 0)"><strong>英语</strong></span>
              </li>
              <li>日语（初心）（二次元警告）</li>
            </ul>
          </div>
       
      </template>
    </blContainer>
  </div>
</template>

<script setup>
import { useNuxtApp } from '#app';
const nuxtApp = useNuxtApp();

onMounted(async () => {
  try {
    const res = await nuxtApp.$api.get('/articles');
    console.log('articles:', res.data);
  } catch (error) {
    console.error('获取 /articles 失败:', error);
  }
});
</script>

<style lang="less" scoped>
.note-page {
  min-height: 100vh;



  .container {
      max-width: 1000px;
      height: 100%;
      margin: 0 auto;
    }
}
</style>
